<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>学费缓交</title>
        <link rel="stylesheet" href="../../layui/css/layui.css">
        <link rel="stylesheet" href="../../css/newFeeCss/newFee.css">
        <style>
            .layui-input{
                border: hidden;
                color: black;
            }
            .layui-form-item{
                color: black;
            }
        </style>
    </head>

    <body style="background-color: powderblue ;">

        <div class="layui-container" style="margin-top: 50px; margin-bottom: 100px">

            <form class="layui-form" action="javascript:;">

            <div class="head1">
                <h1>
                    学生学费减免
                </h1>
            </div>

            <div style="margin-top: 10px ;">

                <div class="layui-form-item">

                    <label class="layui-form-label">学号：</label>
                    <div class="layui-input-inline">
                        <input id="studentId" name="studentId"  class="layui-input" readonly>
                    </div>

                    <label class="layui-form-label">姓名：</label>
                    <div class="layui-input-inline">
                        <input id="studentName" name="studentName"  class="layui-input" readonly>
                    </div>

                    <label class="layui-form-label">身份证：</label>
                    <div class="layui-input-inline">
                        <input id="studentIdNumber" name="studentIdNumber"  class="layui-input" readonly>
                    </div>

                </div>

                <div class="layui-form-item">

                    <label class="layui-form-label">学期：</label>
                    <div class="layui-input-inline">
                        <input id="studentSchoolTerm" name="studentSchoolTerm"  class="layui-input" readonly>
                    </div>

                    <label class="layui-form-label">班级：</label>
                    <div class="layui-input-inline">
                        <input type="hidden" name="studentClasses"/>
                        <input id="classesName" name="classesName" class="layui-input" readonly>
                    </div>

                    <label class="layui-form-label">创建日期：</label>
                    <div class="layui-input-inline">
                        <input id="studentCreateDate" name="studentCreateDate"  class="layui-input" readonly>
                    </div>

                </div>

            </div>

            <div style="margin-top: 30px; width: 100%">

                <h2 style="width: 200px; margin-left: 40px;margin-bottom: 10px">交费信息:</h2>
                <div style="margin-left: 40px; overflow: hidden">
                    <h3 style="width: 300px; margin-top: 20px; float: left;">
                        已有单据:
                    </h3>


                    <h3 style="width: 700px; margin-top: 20px; float: right;">
                        欠费情况:
                    </h3>


                    <div style="float: left; width: 300px; height: 250px; border: 1px #beceeb solid; margin-top: 10px">
                        <div id="test1"></div>
                    </div>
                    <div style="float: right; width: 700px;height: 250px; border: 1px #beceeb solid; margin-top: 10px">
                        <table id="demo" lay-filter="stuTable"></table>
                    </div>
                </div>

            </div>

            <div style="margin-top: 30px; width: 100%">

                <h2 style="width: 200px; margin-left: 40px;margin-bottom: 10px">单据表格:</h2>
                <div style="border: #148be4 dotted; margin-left: 40px; ">
                    <table id="demo02" lay-filter="stuTable02"></table>
                </div>

            </div>

            <div style="margin-top: 30px;">

                <div class="layui-form-item">

                    <label class="layui-form-label">开始日期：</label>
                    <div class="layui-input-inline">
                        <input id="startTime" name="startTime" class="layui-input" style="border: 1px solid #beceeb">
                    </div>

                    <label class="layui-form-label">缓交日期：</label>
                    <div class="layui-input-inline">
                        <input id="endTime" name="endTime" class="layui-input" style="border: 1px solid #beceeb">
                    </div>

                </div>

                <div class="layui-form-item">

                    <label class="layui-form-label">备注：</label>
                    <div class="layui-input-inline" style="width: 500px">
                        <input name="deferRemark" placeholder="请输入备注" class="layui-input" style="border: 1px solid #beceeb">
                    </div>

                    <!--  <button class="layui-btn layui-btn-primary" lay-submit lay-filter="dy" style="width: 120px; margin-left: 180px">打印</button>-->
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="*" style="width: 120px; margin-left: 180px">确定</button>

                </div>

            </div>

        </form>

        </div>
    </body>

    <script src="../../layui/layui.js"></script>
    <script src="../../js/jquery-3.6.0.js"></script>
    <script src="../../js/stuAnnulJs/stuDefer.js"></script>

</html>